<template>
  <a-layout class="right">
    <ComponentSetting v-if="selectedId" />
    <PageSetting v-else />
  </a-layout>
</template>
<script setup>
import { storeToRefs } from "pinia";
import PageSetting from "./page.vue";
import ComponentSetting from "./component";
import { useFormStore } from "@/form/design-mode/store/formStore";
const formStore = useFormStore();
const { selectedId } = storeToRefs(formStore);
</script>

<style scoped>
.right {
  height: 100%;
  width: 220px;
  background-color: #fff;
  flex: unset;
  padding: 8px 16px;
}
</style>
